#leaderboardTitle {
  width: 80%;
  height: 70px;
  background-image: url(/images/stripe_black4.png?7a855aaec183b2b755e92819287a7415);
  background-size: auto 100%;
  background-position: 100% center;
  background-repeat: no-repeat;
}

#leaderboardTitle:before {
  content: "";
  height: 70px;
  width: 10000px;
  background-color: #11190D;
  position: absolute;
  left: -9984px;
}

#leaderboardTitle .title {
  width: 75%;
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  float: right;
  font-weight: 600;
  text-transform: uppercase;
}

#leaderboardTitle .title.long {
  font-size: 18px;
}

#leaderboardTitle .title.extralong {
  font-size: 14px;
}

.openCompMobile {
  display: none;
}

#difficulty {
  width: 100%;
  height: 48px;
  padding-left: 14px;
  text-align: left;
  line-height: 48px;
  cursor: pointer;
}

#difficulty.active {
  background-color: #A0E73F !important;
  color: #FFF;
}

.tb {
  font-size: 10px;
  margin-left: 5px;
  color: #aaa;
}

.cell {
  line-height: 48px;
  font-size: 12px;
  height: 48px;
  padding-left: 10px;
  float: left;
  white-space: nowrap;
  position: relative;
  border-bottom: 1px solid #eee;
}

.stage .cell {
  cursor: pointer;
}

.head {
  color: #11190D;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #11190D;
}

.cell-name-2.head {
  padding-left: 10px !important;
}

.cell-check {
  width: 30px;
  height: 50px;
  padding-left: 0;
}

.cell-check.head {
  height: 48px;
  border-bottom: 1px solid #11190D;
}

.cell-30 {
  width: 30px;
}

.cell-40 {
  width: 40px;
}

.cell-90 {
  width: 90px;
}

.cell-60 {
  width: 60px;
}

.cell-score {
  width: 70px;
}

.cell-220 {
  width: 220px;
  text-transform: uppercase;
}

.cell-110 {
  width: 110px;
}

.cell-110t {
  width: 110px;
  text-align: center;
}

.cell-leaderboard.faded span {
  /* opacity: 0.4; */
  color: #ddd;
}

.cell-lane {
  width: 40px;
  float: left;
}

.cell-leaderboard .fas {
  text-align: right;
  line-height: 48px;
  right: 5px;
  color: #FF753A;
  cursor: pointer;
  width: 15px;
  height: 48px;
  padding-right: 5px;
  position: absolute;
}

.lift_pending .fas {
  color: #ccc;
}

.lift_fail {
  background-color: rgba(237, 77, 61, 0.2);
}

.lift_fail .fas {
  color: rgb(237, 77, 61);
}

.lift_success.maxlift .fas {
  color: white;
}

.lift_success.maxlift {
  background-color: rgba(160, 231, 63, 0.7);
}

.lift_success {
  background-color: rgba(160, 231, 63, 0.1);
}

.lift_success .fas {
  color: rgba(160, 231, 63, 0.7);
}

.cell-leaderboard .fas.mobile span {
  font-family: "DM Sans", sans-serif;
  text-align: left;
  float: left;
  position: absolute;
  left: 15px;
  font-weight: 600;
  color: #FF753A;
}

.cell-leaderboard .fas.mobile-only {
  text-align: left;
  color: #FF753A;
  width: 15px;
  padding-right: 5px;
  padding-left: 5px;
  position: relative;
}

.cell-leaderboard .penalised {
  position: absolute;
  display: block;
  z-index: 9;
  color: #11190D;
  width: 100%;
  padding-right: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #FF753A;
  padding-top: 8px;
  line-height: 14px;
  height: 48px;
  text-align: right;
  left: 0;
  top: 0;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  opacity: 0;
}

.cell-leaderboard .penalised:hover {
  opacity: 1;
}

.cell-laneAthlete {
  width: calc(100% - 40px);
  float: left;
}

.cell-name-vouchers {
  width: calc(100% - 550px);
  padding-left: 48px;
  line-height: 48px !important;
}

.cell-name-participants {
  width: calc(100% - 440px);
  padding-left: 48px;
  line-height: 48px !important;
}

.name.cell-flexone div:not(.avatar) {
  margin-left: 5px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 8px;
  border-left: 1px solid #ccc;
  padding-left: 5px;
  display: none;
}

.cell-name-participants2 {
  flex: 1;
  padding-left: 48px;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.cell-name-participants-vol {
  width: calc(100% - 550px);
  padding-left: 48px !important;
  line-height: 48px !important;
}

.cell-name-check {
  width: calc(100% - 220px);
  padding-left: 48px;
}

.cell-name-team {
  width: calc(100% - 440px);
}

.cell-name-0 {
  width: calc(100% - 130px);
  padding-left: 48px;
}

.cell-name-1 {
  width: calc(100% - 90px - 130px);
  padding-left: 48px;
}

.cell-name-2 {
  width: calc(100% - 180px - 130px);
  padding-left: 48px;
}

.cell-name-3 {
  width: calc(100% - 270px - 130px);
  padding-left: 48px;
}

.cell-name-4 {
  width: calc(100% - 360px - 130px);
  padding-left: 48px;
}

.cell-name-5 {
  width: calc(100% - 450px - 130px);
  padding-left: 48px;
}

.cell-name-6 {
  width: calc(100% - 540px - 130px);
  padding-left: 48px;
}

.cell-name-7 {
  width: calc(100% - 630px - 130px);
  padding-left: 48px;
}

.cell-name-8 {
  width: calc(100% - 720px - 130px);
  padding-left: 48px;
}

.cell-name-9 {
  width: calc(100% - 810px - 130px);
  padding-left: 48px;
}

.cell-name-10 {
  width: calc(100% - 900px - 130px);
  padding-left: 48px;
}

.cell-name-0o {
  width: calc(100% - 130px - 30px);
  padding-left: 48px !important;
}

.cell-name-1o {
  width: calc(100% - 90px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-2o {
  width: calc(100% - 180px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-3o {
  width: calc(100% - 270px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-4o {
  width: calc(100% - 360px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-5o {
  width: calc(100% - 450px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-6o {
  width: calc(100% - 540px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-7o {
  width: calc(100% - 630px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-8o {
  width: calc(100% - 720px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-9o {
  width: calc(100% - 810px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-name-10o {
  width: calc(100% - 900px - 30px - 130px);
  padding-left: 48px !important;
}

.cell-60 .categoryChecklist {
  margin: 3px;
  width: calc(100% - 6px);
  height: 42px;
}

.cell-60 .categoryChecklist .tick {
  margin: 16px 15px !important;
}

.rxSign {
  width: 26px;
  height: 26px;
  border-radius: 40px;
  background-color: #11190D;
  margin: 11px auto;
  color: white;
  font-weight: 600;
  line-height: 27px;
  text-align: center;
}

.scSign {
  width: 26px;
  height: 26px;
  border-radius: 40px;
  background-color: #ccc;
  margin: 11px auto;
  color: #11190D;
  font-weight: 600;
  line-height: 27px;
  text-align: center;
}

.rxSignSmall {
  width: 21px;
  height: 21px;
  border-radius: 21px;
  background-color: #11190D;
  margin: 2px auto;
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scSignSmall {
  width: 21px;
  height: 21px;
  border-radius: 21px;
  color: #11190D;
  margin: 2px auto;
  background-color: #ccc;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.cell-name-single {
  width: calc(100% - 350px);
  padding-left: 48px;
}

.cell-name-single-o {
  width: calc(100% - 310px);
  padding-left: 48px !important;
}

.cell-name-heat {
  width: calc(100% - 90px);
  padding-left: 48px;
}

.cell-name-heat.head {
  width: calc(100% - 150px);
  padding-left: 48px;
}

.empty .cell-name-heat {
  color: #CCC !important;
}

.logged {
  background-color: #A0E73F !important;
}

.logged-name {
  background-color: #A0E73F !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.avatar {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  left: 9px;
  top: 9px;
  background-image: url(/images/avatar-light.png?b72b4296cbe3b9e8eaa6b726e11fe139);
  background-size: 100%;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
}

.head.team,
.head.name {
  padding-left: 10px !important;
}

.name.team {
  padding-left: 10px !important;
}

.hover.record:hover {
  background-color: #fafafa;
}

.showAthletes .cell {
  border-bottom: none;
}

.showAthletes {
  background-color: #fcfcfc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}

.recordflex.leaderboard.teams {
  transition: all 200ms;
}

.athletes {
  position: relative;
  display: block;
  width: calc(100% - 0px);
  height: auto;
  float: left;
  display: none;
}

.athletes .title {
  height: 30px;
  line-height: 30px;
  color: #2e3d3d;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.athletes .athlete {
  width: 100%;
  display: flex;
  height: 25px;
  position: relative;
  float: left;
  margin: 0;
}

.athlete .cell-flex,
.athlete .cell-flexne {
  height: 25px;
}

.athletes .title .cell-flex,
.athletes .title .cell-flexone {
  border-bottom: none;
  font-weight: 600 !important;
}

.athletes .cell-flex,
.athletes .cell-flexone {
  font-size: 10px !important;
  font-weight: normal !important;
  height: 100%;
  line-height: 25px !important;
}

.record.myScore {
  background-color: white;
  /* border-radius: 25px; */
  width: calc(100% + 40px);
  padding-left: 35px;
  padding-right: 35px;
  margin-top: -1px;
  margin-left: -20px;
  /* border-left: 1px solid #eee; */
  /* border-right: 1px solid #eee; */
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
}

.record.myScore .cell {
  border-bottom: none !important;
  border-top: none !important;
}

.record .rank {
  padding-left: 10px;
}

.ticket-record:hover {
  cursor: pointer;
  background-color: #fafafa;
}

.open-diff {
  position: absolute;
  right: 5px;
  bottom: 50%;
  margin-bottom: -10px;
  height: 20px;
  width: 20px;
  font-size: 8px;
  color: #999;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border: 1px solid #eee;
  border-radius: 10px;
  display: none;
}

.record .points span,
.record .name span {
  display: none;
}

.record .name em {
  position: absolute;
  bottom: 0;
  font-weight: normal;
  font-size: 10px;
  display: block;
  font-style: normal;
  color: #666;
}

.presence-category {
  display: flex;
  font-size: 10px;
  background-color: #eee;
  padding: 3px 8px;
  margin-left: 10px;
  border-radius: 5px;
  line-height: 16px;
  font-weight: normal;
}

.presence-category:hover {
  text-decoration: none !important;
}

.record .name.presencepage {
  line-height: 35px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
}

.record .name {
  line-height: 48px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.record.empty .name {
  font-weight: normal;
  font-size: 12px;
}

.record.open .name {
  line-height: 35px !important;
}

.record-presentation .name {
  line-height: 50px;
}

.sponsor {
  flex: 1;
  align-items: flex-end;
  flex-direction: column;
  display: flex;
  margin-top: 5px;
}

.sponsor_name {
  display: flex;
  font-size: 8px;
  text-transform: uppercase;
  align-items: center;
}

.sponsor_name a {
  padding: 0;
  margin: 0;
  height: 17px;
}

.sponsor img {
  height: 50px;
}

.sponsor span {
  margin-left: 5px;
  font-size: 10px;
  font-weight: 600;
}

.leaderboard_title {
  border-top: 1px solid #eee;
  height: 80px;
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
}

.workout_title {
  height: auto;
  clear: both;
  width: 100%;
  float: left;
}

.leaderboard-heads .cell {
  line-height: 25px !important;
  height: 25px !important;
}

.noWorkouts {
  text-align: center;
  margin-bottom: 50px;
}

.workoutBox .name {
  font-size: 30px;
}

.workoutBox .stage {
  font-size: 12px;
  /* font-weight: 600; */
  color: #aaa;
  margin-left: 2px;
  text-transform: uppercase;
}

.editscore-box {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee !important;
}

.esb_leftseparator {
  height: 30px;
  display: flex;
  align-items: center;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 15px;
}

.workout_infotext {
  margin: 0 10px;
  width: auto;
}

.workoutBox .date,
.workoutBox .description {
  font-size: 12px;
  margin-left: 10px;
}

.workoutBox .description {
  font-size: 16px;
}

.workoutBox .date span {
  font-size: 14px;
  font-weight: 600;
}

.workoutBox .type {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
}

.head.presence2 {
  text-align: right;
  width: 130px;
  padding-right: 10px;
}

.teamMember-name {
  float: left;
  height: 50px;
  position: relative;
  line-height: 50px;
  font-size: 14px;
  padding-left: 10px;
  margin: 5px 0;
}

.teamMember-avatar {
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url(/images/profile-hover2.png?355f69a2a7432b0c52cc22ce42ac395c);
  border-radius: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 5px 0;
}

.teamLeader {
  font-weight: 600;
  text-transform: uppercase;
}

#filter-info-wrap {
  margin: 15px 0;
}

#filter-info {
  float: left;
  font-weight: 600;
  display: none;
}

#filter-total {
  float: right;
  padding-right: 10px;
}

#search-wrap {
  position: relative;
}

.videoUrl {
  margin: 0 5px;
  font-weight: 600;
  text-decoration: underline;
}

.athlete-actions {
  text-align: right;
  display: flex;
  align-items: center;
  padding-right: 10px;
  justify-content: flex-end;
}

.present2,
.presentno2 {
  text-align: center;
  width: 130px;
  border-bottom: 1px solid #ccc;
}

.presentno2 {
  color: #11190D !important;
}

.present2 {
  color: #A0E73F !important;
}

.present {
  color: #A0E73F !important;
}

.cell-name-participants span,
.cell-name-participants2 span,
.cell-name-participants-vol span {
  text-transform: uppercase;
}

.or {
  width: 100%;
  font-size: 14px;
  color: #11190D;
  line-height: 15px;
  text-align: center;
}

.category-mobile {
  text-transform: uppercase;
  display: none;
}

.athlete-category {
  font-size: 10px;
}

.volunteer_stats {
  line-height: 48px;
  text-align: left;
  padding-left: 0;
}

.volunteer_stats.notactive {
  color: #AAA !important;
}

.workouts-flex {
  display: flex;
  flex-direction: row-reverse;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.sidebar-filters {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: 20px;
  border-left: 1px solid #eee;
}

.sidebar-filters .filtersSection {
  margin-right: 0px;
}

.wi {
  text-transform: capitalize;
  font-size: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 5px 0;
}

.wi div {
  min-width: 95px;
}

.wi span {
  text-transform: uppercase;
  font-size: 10px;
}

.wi img {
  max-width: 100%;
}

.wi em {
  font-size: 10px;
  text-transform: none;
}

.workoutInfo {
  margin: 0 10px;
  overflow: hidden;
  transition: all 0.05s ease-out;
  height: auto;
  max-height: 0px;
}

.workoutInfo.toggle {
  max-height: 500px;
  transition: all 0.2s ease-in;
}

.workouts-content {
  flex: 1;
}

.filtersHeading {
  font-weight: bold;
  font-size: 10px;
  clear: both;
  margin: 0 15px;
  color: #aaa;
}

.filtersSection .filtersHeading {
  position: relative;
  font-weight: normal;
  font-size: 10px;
  clear: both;
  min-height: 16px;
  align-items: center;
  display: flex;
  margin: 0 15px;
  color: #aaa;
  margin-bottom: 10px;
}

.filtersSection .filtersHeading:after {
  content: "";
  /* width: 100%; */
  height: 1px;
  /* position: absolute; */
  /* left: 0; */
  /* top: calc(50% - 1px); */
  flex: 1;
  background-color: #eee;
  margin-left: 5px;
}

.workoutHeading {
  font-size: 12px;
  color: #aaa;
  float: left;
  width: auto;
  margin-right: 15px;
  margin-left: 10px;
  height: auto;
  display: flex;
  min-height: 30px;
  align-items: flex-end;
  margin-bottom: 5px;
  line-height: 100%;
}

.workoutHeading span {
  color: #11190D;
  font-size: 40px;
  font-weight: bold;
  line-height: calc(100% - 2px);
  margin-right: 5px;
}

.heat-line-number {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 48px;
  color: #ddd;
  font-size: 18px;
  letter-spacing: 5px;
}

.heat-heading {
  font-size: 12px;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  cursor: pointer;
}

.heat-heading-workouts div {
  background-color: #11190D;
  /* background-color: $aretas-green; */
  /* padding: 0 !important; */
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  width: 100%;
  color: #A0E73F;
  /* color: $aretas-grey; */
  color: #FFF;
  margin-top: 1px;
}

.heats-heat {
  border: 1px solid #ddd;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

.heat-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 10px;
  text-align: left;
  height: auto;
  width: 100%;
}

.heats-timings {
  padding: 10px;
  padding-top: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-right: 50px;
}

.heats-timings svg {
  position: absolute;
  right: 9px;
  top: -3px;
}

.heats-timings span {
  font-weight: 600;
}

.heats-timings-label {
  width: auto;
  padding-right: 7px;
  display: inline-block;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: normal !important;
  color: #999;
}

.input-left {
  float: left;
  width: 100px;
  height: 48px;
  margin-right: 15px;
}

.text-right {
  float: left;
  height: 48px;
  line-height: 48px;
  color: #11190D;
}

.text-right2 {
  float: left;
  height: 24px;
  line-height: 24px;
  color: #11190D;
}

.head-heat:hover {
  color: #A0E73F;
  font-weight: 600;
  cursor: pointer;
}

.head-heat-active {
  color: #A0E73F;
}

.moveto {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 10px;
  font-weight: normal;
  border: 1px solid #eee;
  height: 30px;
  width: 70px;
  cursor: default;
  text-align: center;
  background-color: white;
  line-height: 30px;
  top: 10px;
  border-radius: 10px;
  color: #999;
}

.recordflex .moveto {
  position: inherit;
}

.heats .catname {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #666;
}

.moveOptions {
  display: none;
  position: absolute;
  top: 25px;
  right: 15px;
  width: 500px;
  height: auto;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
  padding: 15px;
  border-radius: 20px;
  background-color: white;
  border: 1px solid #eee;
}

.moveOptions .options .option {
  width: 40px;
  height: 40px;
  margin: 4px;
  line-height: 40px;
  background-color: #eee;
  color: #11190D;
  font-size: 12px;
  cursor: pointer;
  float: left;
  text-align: center;
  border-radius: 40px;
}

.moveOptions .options .option-active {
  background-color: #11190D;
  border-radius: 40px;
  color: white;
}

.moveOptions .options .option:hover,
.moveOptions .options .option-more:hover {
  color: #11190D;
  box-shadow: inset 300px 80px rgba(0, 0, 0, 0.2);
}

.moveOptions .options .option-active:hover {
  color: #fff;
  box-shadow: none;
  cursor: default;
}

.option-text {
  float: right;
  text-align: right;
  padding: 0 11px;
  height: 48px;
  line-height: 48px;
}

.moveOptions .options .option-more {
  width: 80px;
  height: 40px;
  margin: 4px;
  line-height: 40px;
  background-color: #A0E73F;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  float: right;
  text-align: center;
  border-radius: 40px;
}

.ind {
  width: 100%;
  height: 30px;
  margin: 5px 0;
  cursor: pointer;
}

.ind_titleBox {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  text-align: center;
  line-height: 30px;
  background-color: #ccc;
  color: #fff;
}

.ind_wrapper {
  width: calc(100% - 90px);
  height: 30px;
  float: left;
  position: relative;
}

.ind_progress {
  min-width: 45px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right;
  background-image: url(/images/loginbg_wide.png?61f0933a182ac004d5aa7a9d3ea3cc9c);
  line-height: 30px;
  padding-left: 10px;
}

.ind_red {
  background-image: url(/images/loginbg_wide_red.png?a50c12b3837c3d3afc1b595951c3e63c) !important;
}

.ind_overflown {
  background-color: rgb(132, 53, 52);
}

.ind_selected {
  background-color: #11190D;
}

.ind_progress0 {
  width: 45px;
}

.ind_progress1 {
  width: calc((100% - 45px) * 0.1 + 45px);
}

.ind_progress2 {
  width: calc((100% - 45px) * 0.2 + 45px);
}

.ind_progress3 {
  width: calc((100% - 45px) * 0.3 + 45px);
}

.ind_progress4 {
  width: calc((100% - 45px) * 0.4 + 45px);
}

.ind_progress5 {
  width: calc((100% - 45px) * 0.5 + 45px);
}

.ind_progress6 {
  width: calc((100% - 45px) * 0.6 + 45px);
}

.ind_progress7 {
  width: calc((100% - 45px) * 0.7 + 45px);
}

.ind_progress8 {
  width: calc((100% - 45px) * 0.8 + 45px);
}

.ind_progress9 {
  width: calc((100% - 45px) * 0.9 + 45px);
}

.ind_progress10 {
  width: calc((100% - 45px) * 1 + 45px);
}

.ind_slash {
  position: absolute;
  top: 0;
  right: -6px;
  height: 30px;
  width: 26px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right;
  background-image: url(/images/slash.png?1118e65553898e66e1cbbe4d0b834d6a);
}

.ind_total {
  height: 30px;
  float: left;
  margin-left: 5px;
  line-height: 30px;
}

.ind_hover {
  color: #11190D;
  box-shadow: inset 300px 80px rgba(0, 0, 0, 0.2);
}

.mobile-click {
  display: none;
}

.stageControls {
  width: 100%;
  height: 48px;
  padding: 10px 0;
  border-top: 2px solid #11190D;
}

.stageControls div {
  float: left;
  margin: 0 10px;
  color: #11190D;
  font-weight: 600;
  padding: 6px 0;
  float: left;
}

.stageControls div.delete {
  color: #fff;
  background-color: #FF753A;
  padding: 5px 15px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #11190D;
  border-radius: 33px;
  margin: 5px;
}

.stageControls div.edit,
.stageControls div.save {
  background-color: #11190D;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  padding: 5px 15px;
  cursor: pointer;
  border: 1px solid #11190D;
  border-radius: 33px;
  margin: 5px;
}

.stageControls div.edit:hover,
.stageControls div.save:hover {
  color: #11190D;
  background-color: #A0E73F;
}

.stageControls div.delete:hover {
  background-color: #11190D;
  color: #FF753A;
}

.stageNote {
  width: calc(100% - 30px);
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #11190D;
  margin: 20px auto;
  text-align: center;
  border-radius: 38px;
}

.record.heats {
  min-height: 1px;
  float: left;
  width: 100%;
  background-color: #f6f6f6;
  border-radius: 10px;
  border: 1px solid #eee;
  margin: 5px 0;
  cursor: move;
}

.recordflex.heats {
  background-color: #f6f6f6;
  border-radius: 10px;
  border: 1px solid #eee;
  margin: 5px 0;
  cursor: move;
  padding: 0 38px;
}

.recordflex.heats .avatar {
  position: relative;
  top: unset;
  left: unset;
  margin-right: 10px;
}

.record.heats:hover,
.recordflex.heats:hover {
  background-color: rgba(160, 231, 63, 0.2);
}

.record.heats .cell,
.recordflex.heats .cell-flex,
.recordflex.heats .cell-flexone {
  border: none !important;
}

.heat-number {
  background-color: transparent !important;
  border: none !important;
  margin: 6px 0 !important;
  font-weight: bold !important;
  cursor: default !important;
}

.record.heats .name,
.record.stage .name {
  line-height: 48px;
}

.recordflex.athletesPage {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0 15px;
  width: 100%;
  display: flex;
  align-items: center;
  border: none;
  transition: all 0.2s;
}

.athletesPage.headers .name.sorting {
  color: #A0E73F;
}

.athletesPage.headers .memberscount.sorting svg {
  stroke: #A0E73F;
}

.recordflex.athletesPage.headers:hover {
  background-color: transparent;
  cursor: default;
}

.recordflex.athletesPage.headers .name,
.recordflex.athletesPage.headers .memberscount {
  cursor: pointer;
}

.fullname svg {
  margin-left: 5px;
}

.recordflex.athletesPage:hover {
  background-color: #f6f6f6;
  cursor: pointer;
}

.athletesPage .head div {
  color: #666;
  font-weight: 100;
  font-size: 10px;
  margin-left: 10px;
}

.athletesPage .cell-flex.head:after {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  border-left: 1px solid #ddd;
  left: 0;
}

.athletesPage .cell-flexone,
.athletesPage .cell-flex {
  border-bottom: 1px solid #eee;
}

.athletesPage .cell-flexone.head,
.athletesPage .cell-flex.head {
  border-bottom: 1px solid #11190D;
  position: relative;
}

.recordflex.athletesPage.rename,
.recordflex.athletesPage.change {
  z-index: 5;
  box-shadow: 0px 0px 10px 3px rgba(48, 48, 48, 0.23);
}

.recordflex.athletesPage.dim:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.athletes-newname,
.athletes-categories {
  width: 0;
  transition: all 0.2s;
  padding: 0;
  border: none;
  overflow: hidden;
}

.members {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
  transition: all 0.2s;
  overflow: hidden;
}

.team-member {
  transition: all 0.2s;
  display: flex;
  height: 35px;
  flex-direction: row;
  align-items: center;
}

.members.hid .team-member {
  height: 0px;
}

.team-member:hover {
  background-color: #eee;
}

.team-member .cell-flexone,
.team-member .cell-flex {
  height: 35px;
  border: none;
  border-bottom: 1px solid #f6f6f6;
}

.team-member:last-child .cell-flexone,
.team-member:last-child .cell-flex {
  border-bottom: 1px solid #ccc;
}

.team-member .avatarBox {
  padding: 0;
  margin-left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-member .avatar {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  top: auto;
  left: auto;
  position: relative;
  margin-left: 20px;
}

.team-member .fullname {
  flex: 1;
  font-size: 10px;
  position: relative;
  overflow: visible;
}

.team-member .athlete-actions {
  margin-right: 15px;
}

.team-member .presence,
.team-member .gender {
  width: 60px;
}

.team-member.pending {
  opacity: 0.5;
}

.team-member .affiliate {
  width: 220px;
  font-size: 8px;
  text-transform: uppercase;
}

.team-member .cell-in-remove_m,
.team-member .cell-in-resend_m {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.change .cell-in-change.nonflex {
  margin-left: 0;
}

.change .athlete-name {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.change .category-mobile {
  display: flex;
  margin-left: 10px;
}

.recordflex.athletesPage.rename .athlete-actions,
.recordflex.athletesPage.change .athlete-actions {
  width: auto;
}

.recordflex.athletesPage.rename .members .athlete-actions,
.recordflex.athletesPage.change .members .athlete-actions {
  width: 220px;
}

.athletesPage .css-16pqwjk-indicatorContainer,
.athletesPage .css-1thkkgx-indicatorContainer {
  padding: 6px;
}

.athletesPage .css-bg1rzq-control,
.athletesPage .css-1c0nmrz-control {
  min-height: 32px;
}

.recordflex.athletesPage.rename:after,
.athletesPage.rename .athlete-category,
.athletesPage.rename .athlete-actions .cell-in-remove,
.athletesPage.rename .athletes-tick,
.athletesPage.rename .athletes-members,
.recordflex.athletesPage.change:after,
.athletesPage.change .athlete-category,
.athletesPage.change .athlete-actions .cell-in-remove,
.athletesPage.change .athletes-tick,
.athletesPage.change .athletes-members {
  display: none;
}

.athletesPage.rename .athletes-newname,
.athletesPage.change .athletes-categories {
  width: 400px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #ddd;
  padding: 0 17px;
  overflow: visible;
}

.teams_block {
  width: 100%;
  height: auto;
  padding: 10px 10px;
  margin: 10px 0;
  border-radius: 10px;
  border: 1px solid #666;
  cursor: pointer;
}

.teams_block:hover,
.athletes_block:hover {
  background-color: #eee;
}

.athletes_block.no-action {
  background-color: white;
}

.status-text {
  position: relative;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.teams_teamname {
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  position: relative;
}

.teams_droptext {
  width: 100%;
  font-size: 12px;
  text-align: left;
  padding: 10px 0 0 10px;
  color: #666;
}

.teams_athleteCount {
  font-size: 12px;
  color: #666;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: lowercase;
  font-weight: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.teams_athleteCount_float {
  font-size: 12px;
  color: #666;
  position: relative;
  padding: 0 10px;
  text-transform: lowercase;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  float: left;
}

.teams_athleteCount.withPadding {
  padding: 0 10px;
}

.popup_teamAthlete {
  width: 100%;
  font-size: 12px;
  text-align: left;
  padding: 3px 0 0 10px;
  color: #11190D;
}

.teams_athlete {
  width: 100%;
  background-color: #eee;
  border-radius: 10px;
  height: 40px;
  margin: 5px 0;
  text-align: left;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  line-height: 40px;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.teams_athlete:hover {
  background-color: #ddd;
  border: 1px solid white;
}

.teams_athlete .remove_athlete {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background-color: #FF753A;
  color: white;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.teams_athlete .remove_athlete_seeding {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background-color: #FF753A;
  color: white;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.star_info {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 15px;
  padding: 0 10px;
}

.star_info .fas {
  margin: 0 5px;
  color: orange;
}

.teams_athlete .star_athlete {
  position: absolute;
  right: 40px;
  top: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.teams_athlete .star_athlete .far {
  color: orange;
  font-size: 16px;
  opacity: 0.5;
}

.teams_athlete .star_athlete .fas {
  color: orange;
  font-size: 16px;
}

.teams_athlete .star_athlete .fas:hover,
.teams_athlete .star_athlete .far:hover {
  font-size: 18px;
}

.teams_athlete_name {
  float: left;
  padding-left: 10px;
}

.teams_athlete_name_seeding {
  float: left;
  padding-left: 39px;
}

.teams_athlete .remove_athlete:hover {
  background-color: #11190D;
}

.athletes_block {
  width: 100%;
  height: 40px;
  margin: 10px 0;
  border-radius: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.athletes_avatar {
  width: 36px;
  height: 36px;
  border-radius: 40px;
  border: 1px solid #666;
  float: left;
  margin: 7px;
}

.athletes_name {
  width: auto;
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  float: left;
  margin: 0 0 0 10px;
  line-height: 40px;
  float: left;
}

.athletes_seeding_points {
  color: #aaa;
  position: absolute;
  right: 50px;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
}

.athletes_gender {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}

.team_delete {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  padding: 0 10px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  background-color: salmon;
  cursor: pointer;
  z-index: 10;
}

.team_delete:hover {
  background-color: #FF753A;
}

.athletes_team {
  position: relative;
  float: left;
  width: auto;
  padding: 0 10px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-right: 1px solid #ccc;
}

.athletes_gender_sign {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  margin-top: 12px;
  text-align: center;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
}

.athletes_male {
  color: #8eb4cb;
  border-right: 1px solid #8eb4cb;
}

.athletes_female {
  color: salmon;
  border-right: 1px solid salmon;
}

.athletes_mixed {
  color: #666;
  border-right: 1px solid #666;
}

.teams_athlete_gender {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}

.teams_athlete_gender_seeding {
  float: right;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}

.seeding-headings {
  display: flex;
  width: 100%;
}

.sh-athlete {
  padding-left: 10px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.sh-rank {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  width: 40px;
}

.sh-points {
  font-size: 10px;
  text-transform: uppercase;
  flex: 1;
  text-align: right;
  padding-right: 10px;
}

.sh-points.item,
.sh-rank.item,
.sh-athlete.item {
  font-size: 12px;
}

.sh-points.item {
  color: #888;
}

.a_g_male {
  background-color: #8eb4cb;
}

.a_g_female {
  background-color: salmon;
}

.a_t_noteam {
  background-color: #ccc;
}

.a_g_rank {
  background-color: #fff;
  border-left: 1px solid #ddd;
  color: #AAA;
}

.teams_mCount {
  font-size: 12px;
  color: #fff;
  background-color: #8eb4cb;
  width: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin-right: 5px;
  font-weight: 600;
  text-transform: lowercase;
}

.teams_fCount {
  font-size: 12px;
  color: #fff;
  background-color: salmon;
  width: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin-right: 5px;
  font-weight: 600;
  text-transform: lowercase;
}

.a_t_ranks,
.a_g_points {
  font-weight: 600;
  width: 50px;
  color: #11190D;
}

.a_g_points {
  width: 60px;
}

.a_g_confirmed {
  right: 60px;
  width: 90px;
  font-weight: 600;
  color: #11190D;
}

.a_g_invited {
  right: 150px;
  width: 60px;
  font-weight: 600;
  color: #11190D;
}

.a_g_points,
.a_g_invited,
.a_g_confirmed {
  border-left: 1px solid #ccc;
}

.myteam,
.myathlete {
  border: 1px solid #A0E73F;
  background-color: rgba(160, 231, 63, 0.2);
}

.notificationBox {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.notificationfor0,
.notificationfor1,
.notificationfor2,
.notificationfor3,
.notificationfor4,
.notificationfor5,
.notificationfor6,
.notificationfor7,
.notificationfor8,
.notificationfor9,
.notificationfor10 {
  display: none;
}

.ticket-record .cell {
  overflow: hidden;
}

.cutoff_wrap {
  font-size: 10px;
  height: 10px;
  width: 100%;
  background-color: #11190D;
  text-align: center;
  line-height: 10px;
}

.cutoff_wrap span {
  margin: 0 auto;
  float: none;
  width: auto;
  padding: 0 10px;
  background-color: white;
  font-weight: 600;
}

.cell-name-personal {
  width: calc(100% - 310px);
}

.athleteStatusName {
  font-size: 10px;
  color: #ccc;
  font-weight: normal;
  margin-left: 5px;
}

.small-diff {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  bottom: 12px;
  border: 1px solid #11190D;
  color: #11190D;
  font-size: 12px;
  position: absolute;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
}

.slides-wrap {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.slides-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: auto;
}

.slides-slidewrap {
  margin: 9px 9px 9px 30px;
  display: inline-block;
  width: calc(100% - 39px);
}

.slides-slidewrap .pos {
  float: left;
  height: 60px;
  line-height: 40px;
  width: 15px;
}

.slides-slidewrap .drag {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  width: calc(40% - 15px);
  cursor: move;
  text-align: center;
}

.slides-slide {
  width: 60%;
  border-radius: 5px;
  height: 60px;
  position: relative;
  float: left;
  background-color: #444;
  line-height: 40px;
  font-size: 10px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.slides-slide span {
  position: relative;
  text-transform: uppercase;
}

.slides-slide span span {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
  font-weight: normal;
  color: #ccc;
  font-size: 8px;
}

.slides-slide span span span {
  top: 10px;
}

.slides-slide.selected {
  background-color: rgba(160, 231, 63, 0.6);
}

.slide-plus {
  background-color: rgba(160, 231, 63, 0.6);
  cursor: pointer;
  height: 40px;
}

.slide-plus:hover,
.image-box .thumbnail:hover {
  box-shadow: inset 500px 200px rgba(0, 0, 0, 0.2);
}

.slide-type {
  width: calc(60% - 10px);
  float: left;
  height: 48px;
  margin-right: 10px;
}

.slide-duration {
  width: calc(40% - 10px);
  float: left;
  height: 48px;
  margin-left: 10px;
}

.slide-remove {
  width: 130px;
  height: 48px;
  margin-left: 20px;
  float: left;
}

.grid {
  width: 100%;
  height: 400px;
  background-color: #11190D;
  padding: 50px 0 70px 0;
  background-size: cover;
}

.gridfewer {
  height: 300px;
}

.gridfewer .advert-partner {
  margin-top: 1%;
  height: 100% !important;
}

.grid .advert-partner {
  height: 50%;
}

.grid .advert-partner {
  border: 1px dashed #666;
  cursor: pointer;
}

.image-box {
  width: 100%;
  height: 100px;
  padding: 4px;
  border: 1px solid #ddd;
  overflow: auto;
  border-radius: 4px;
}

.image-box .thumbnail {
  width: 100px;
  height: 50px;
  float: left;
  margin: 2px;
  cursor: pointer;
  background-color: #11190D;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.image-box .thumbnail.upload {
  background-color: #fafafa;
  border: 1px dotted #ccc;
  font-size: 12px;
  line-height: 12px;
  color: #999;
  padding-top: 18px;
  position: relative;
  text-align: center;
}

.images-your {
  width: calc(35% - 10px);
  margin-right: 10px;
  float: left;
}

.images-presets {
  width: 65%;
  float: left;
}

.choose-previewBox {
  width: 100%;
  height: 300px;
  background-color: #11190D;
  padding: 50px;
  border-radius: 4px;
}

.choose-previewBox.half {
  width: 50%;
  float: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.choose-uploadBox {
  float: left;
  width: 50%;
  height: 300px;
  background-color: #11190D;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ReactCrop--rule-of-thirds {
  max-height: 100%;
  width: 100%;
  height: 300px;
}

.ReactCrop--rule-of-thirds div:first-child {
  position: relative;
  width: 100%;
  height: 100%;
}

.ReactCrop--rule-of-thirds div:first-child img {
  max-width: 100%;
  max-height: 100%;
}

.choose-previewBox .previewImage {
  height: 200px;
  width: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  background-position: center center;
  border: 1px dashed #555;
  padding: 70px;
}

.previewImage .headtext {
  color: #eee;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.previewImage .sub {
  color: #ccc;
  text-align: center;
  font-size: 10px;
}

.images-your .info,
.images-presets .info {
  font-size: 10px;
  padding-left: 5px;
  text-transform: uppercase;
}

.thumbnail.upload input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  cursor: pointer;
  left: 0;
  opacity: 0;
}

.mobile-only {
  display: none !important;
}

.mobile-only-f {
  display: none !important;
}

.member-tick-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #eee;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 10px;
}

.member-tick-row:hover {
  background-color: #eee;
}

.mtr-avatar {
  width: 50px;
}

.mtr-name {
  flex: 1;
}

.mtr-tick {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mtr-symbol {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.members-summaries {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.athlete-presence {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
}

.athletesPage .athlete-presence {
  justify-content: center;
}

.presence.head {
  text-align: center;
}

.presence-team {
  padding-left: 10px;
}

.athlete-name {
  padding-left: 10px;
  font-weight: 600;
  transition: all 0.2s;
}

.mtr-summary {
  flex: 1;
  font-size: 12px;
  color: #11190D;
  padding-left: 10px;
}

.mtr-tickall {
  width: 100px;
  padding-right: 10px;
  display: flex;
  justify-content: flex-end;
}

.mtr-tickall div {
  padding: 3px 10px;
  background-color: rgba(160, 231, 63, 0.6);
  cursor: pointer;
  border-radius: 10px;
}

.mtr-tickall div:hover {
  box-shadow: inset 500px 200px rgba(0, 0, 0, 0.1);
}

.cell-name {
  padding-left: 48px;
}

.section-header-title-leagues a {
  margin: 0 5px;
  color: #666;
  background-color: #eee;
  padding: 5px;
  border-radius: 5px;
  margin-left: 0;
  line-height: 30px;
}

.section-header-title-leagues {
  margin-top: 7px;
}

@media (max-width: 1285px) {
  .lastwod10 {
    display: none;
  }

  .cell-name-10 {
    width: calc(100% - 810px - 130px);
  }

  .notificationfor10 {
    display: block;
  }
}

@media (max-width: 1200px) {
  .lastwod10,
  .lastwod9 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9 {
    width: calc(100% - 720px - 130px);
  }

  .notificationfor10,
  .notificationfor9 {
    display: block;
  }
}

@media (max-width: 1105px) {
  .lastwod10,
  .lastwod9,
  .lastwod8 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9,
  .cell-name-8 {
    width: calc(100% - 630px - 130px);
  }

  .notificationfor10,
  .notificationfor9,
  .notificationfor8 {
    display: block;
  }
}

@media (max-width: 1020px) {
  .lastwod10,
  .lastwod9,
  .lastwod8,
  .lastwod7 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9,
  .cell-name-8,
  .cell-name-7 {
    width: calc(100% - 540px - 130px);
  }

  .notificationfor10,
  .notificationfor9,
  .notificationfor8,
  .notificationfor7 {
    display: block;
  }
}

@media (max-width: 930px) {
  .lastwod10,
  .lastwod9,
  .lastwod8,
  .lastwod7,
  .lastwod6 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9,
  .cell-name-8,
  .cell-name-7,
  .cell-name-6 {
    width: calc(100% - 450px - 130px);
  }

  .notificationfor10,
  .notificationfor9,
  .notificationfor8,
  .notificationfor7,
  .notificationfor6 {
    display: block;
  }
}

@media (max-width: 840px) {
  .open-diff {
    display: flex;
  }

  .slide-type,
  .slide-duration {
    width: calc(100% - 10px);
    margin: 0;
  }

  .lastwod10,
  .lastwod9,
  .lastwod8,
  .lastwod7,
  .lastwod6,
  .lastwod5 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9,
  .cell-name-8,
  .cell-name-7,
  .cell-name-6,
  .cell-name-5 {
    width: calc(100% - 360px - 130px);
  }

  .notificationfor10,
  .notificationfor9,
  .notificationfor8,
  .notificationfor7,
  .notificationfor6,
  .notificationfor5 {
    display: block;
  }

  .cell-name-heat {
    width: calc(100% - 90px);
    padding-left: 0px;
  }

  .head-heat.head:nth-child(1),
  .stages .head:nth-child(2),
  .cell-name-participants.head,
  .cell-name-participants-vol.head {
    display: flex;
    flex: 1;
  }

  .cell-lane {
    width: 40px;
  }

  .cell-laneAthlete {
    width: calc(100% - 40px);
  }

  .leaderboard-heads .head:nth-last-child(1),
  .head-heat.head:nth-last-child(1),
  .stages .head:nth-last-child(1),
  .head.presence {
    display: flex;
    float: right;
  }

  .record .rank {
    height: 48px;
    width: 30px !important;
    line-height: 48px;
    padding-left: 0;
    text-align: left;
    font-weight: 600;
  }

  .record .points {
    height: 48px;
    line-height: 48px;
    font-weight: normal;
    width: 30px;
    padding: 0;
    font-size: 14px;
    text-align: right;
    border-left: none !important;
  }

  .athletesPage .athlete-actions {
    display: flex;
    width: 150px !important;
  }

  .head.actions {
    width: 150px;
  }

  .athletesPage.rename .athletes-newname,
  .athletesPage.change .athletes-categories {
    flex: 1;
    width: auto;
    min-width: 100px;
    font-size: 10px;
  }

  .recordflex.athletesPage.rename .members .athlete-actions,
  .recordflex.athletesPage.change .members .athlete-actions {
    width: 150px !important;
  }
}

@media (max-width: 750px) {
  .lastwod10,
  .lastwod9,
  .lastwod8,
  .lastwod7,
  .lastwod6,
  .lastwod5,
  .lastwod4 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9,
  .cell-name-8,
  .cell-name-7,
  .cell-name-6,
  .cell-name-5,
  .cell-name-4 {
    width: calc(100% - 270px - 130px);
  }

  .notificationfor10,
  .notificationfor9,
  .notificationfor8,
  .notificationfor7,
  .notificationfor6,
  .notificationfor5,
  .notificationfor4 {
    display: block;
  }
}

@media (max-width: 660px) {
  .lastwod10,
  .lastwod9,
  .lastwod8,
  .lastwod7,
  .lastwod6,
  .lastwod5,
  .lastwod4,
  .lastwod3 {
    display: none;
  }

  .cell-name-10,
  .cell-name-9,
  .cell-name-8,
  .cell-name-7,
  .cell-name-6,
  .cell-name-5,
  .cell-name-4,
  .cell-name-3 {
    width: calc(100% - 180px - 130px);
  }

  .notificationfor10,
  .notificationfor9,
  .notificationfor8,
  .notificationfor7,
  .notificationfor6,
  .notificationfor5,
  .notificationfor4,
  .notificationfor3 {
    display: block;
  }
}

@media (max-width: 600px) {
  .cell-score {
    width: 40px;
  }

  .input-table {
    font-size: 10px;
  }

  .athleteStatusName {
    display: none;
  }

  .leaderboard_title {
    flex-direction: column;
    height: auto;
  }

  .sponsor {
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .workouts-flex {
    flex-direction: column;
  }

  .sidebar-filters {
    border-left: none;
    padding-left: 0px;
  }

  .filtersSection .filtersHeading {
    display: none;
  }

  .wi,
  .wi span {
    font-size: 12px;
  }

  .team-member .presence,
  .team-member .affiliate {
    display: none;
  }

  .cell-leaderboard.head.last {
    padding-right: 0;
  }

  .category-mobile {
    display: block;
  }

  .head.mobileHid {
    display: none;
  }

  .head.name {
    padding: 0 !important;
  }

  .athletesPage .cell-flex.head:after {
    display: none;
  }

  .athletesPage.rename .athlete-name,
  .athletesPage.change .athlete-name {
    position: absolute;
    top: -30px;
    display: flex;
    flex-direction: row;
    background-color: white;
    height: auto;
    padding: 5px 10px !important;
    align-items: center;
    justify-content: center;
    border: none;
    height: 24px;
    font-size: 10px;
    border-radius: 12px;
    color: white;
    background-color: #11190D;
  }

  .athletesPage.rename .athlete-name span,
  .athletesPage.change .athlete-name span {
    color: #ddd;
    font-size: 8px !important;
    margin-left: 5px;
  }

  #leaderboardTitle .title {
    font-size: 18px;
  }

  #leaderboardTitle .title.long {
    font-size: 14px;
  }

  #leaderboardTitle .title.extralong {
    font-size: 10px;
  }

  .cell-name-0,
  .cell-name-1,
  .cell-name-2,
  .cell-name-3,
  .cell-name-4,
  .cell-name-5,
  .cell-name-6,
  .cell-name-7,
  .cell-name-8,
  .cell-name-9,
  .cell-name-10 {
    width: calc(100% - 60px);
    padding-left: 48px;
  }

  .cell-name {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 48px;
  }

  .mobile-hide {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .mobile-only-f {
    display: flex !important;
  }

  .mobile-click {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 10;
    display: block;
  }

  .openCompMobile {
    display: block;
  }

  .sectionHide {
    display: none;
  }

  .record .name.presencepage,
  .present2 {
    border-bottom: none;
  }

  .cell-220.vouchers,
  .cell-110.vouchers {
    display: block;
    width: 33.33%;
    text-align: center;
    padding: 0;
  }

  #leaderboardTitle .title {
    font-size: 16px;
  }

  #leaderboardTitle .title.long {
    font-size: 12px;
  }

  #leaderboardTitle .title.extralong {
    font-size: 10px;
  }

  #leaderboardTitle {
    width: 100%;
    background-image: none;
    background-color: #11190D;
  }

  #leaderboardTitle:after {
    content: "";
    height: 70px;
    width: 10000px;
    background-color: #11190D;
    position: absolute;
    left: calc(100% - 16px);
  }

  #leaderboardTitle .title {
    width: 100%;
  }

  .cell-name-0,
  .cell-name-1,
  .cell-name-2,
  .cell-name-3,
  .cell-name-4,
  .cell-name-5,
  .cell-name-6,
  .cell-name-7,
  .cell-name-8,
  .cell-name-9,
  .cell-name-10 {
    width: calc(100% - 180px);
    padding-left: 48px;
  }

  .athlete-name {
    padding-left: 0 !important;
  }

  .athlete-name span {
    left: 28px !important;
    bottom: -3px !important;
  }

  .cell-name-participants-vol {
    padding-left: 70px !important;
    line-height: 35px !important;
  }

  .cell-name-participants-vol span {
    left: 70px !important;
  }

  .cell-name-participants-vol.head {
    padding-left: 10px !important;
    line-height: 48px !important;
    width: 100%;
    margin-bottom: 15px;
  }

  .record {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    width: 100%;
    min-height: 48px;
    height: auto;
  }

  .record.heats,
  .recordflex.heats {
    padding: 0 3px 0 10px !important;
  }

  .recordflex.heats .cell-flexone {
    padding-left: 0;
  }

  .ticket-record {
    margin-bottom: 0px !important;
  }

  .ticket-record .cell-90 {
    padding-right: 10px;
    padding-left: 0;
    width: auto !important;
  }

  .ticket-record .cell-110,
  .ticket-record .cell-130,
  .ticket-record .cell-220 {
    display: none;
  }

  .name.cell-flexone div {
    display: inline;
  }

  .athletes .athlete {
    padding: 0;
    min-height: 30px;
  }

  .record.athlete.title {
    min-height: 30px;
    height: 30px;
  }

  .record.athlete.title .cell {
    height: 30px;
    line-height: 30px !important;
  }

  .aWod {
    display: none;
  }

  .record .name em {
    display: none;
  }

  .cell-name-participants2.head {
    padding-left: 0;
    display: block;
    width: 100%;
    display: none;
  }

  .head.presence2 {
    width: 100%;
    text-align: left;
  }

  .record.stage .points,
  .record.stage .rank {
    text-align: center;
  }

  .record .points span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    display: none;
  }

  .leaderboard.record .name {
    height: 48px;
    line-height: 48px;
    border-left: none !important;
    font-weight: normal;
    font-size: 16px;
    width: calc(100% - 60px) !important;
  }

  record .name {
    height: 48px;
    border-left: none !important;
    padding-left: 70px;
    font-weight: 600;
    font-size: 16px;
    width: calc(100% - 60px) !important;
  }

  .athlete.record .name,
  .athlete.record .rank,
  .athlete.record .points {
    height: 100%;
  }

  .record.stage .name {
    width: calc(100% - 100px) !important;
    padding-left: 0 !important;
  }

  .record .cell-name-single,
  .record .cell-name-single-o {
    line-height: 30px !important;
  }

  .record .name.team {
    padding-left: 0;
  }

  .record .name .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    left: 0px;
    top: 4px;
  }

  .record .name.team .avatar {
    display: none;
  }

  .record.heats .name span {
    display: none;
  }

  .record.athletesPage .name span {
    position: absolute;
    left: 90px;
    bottom: -3px;
    font-weight: normal;
    font-size: 12px;
    display: block;
  }

  .record .name.team span {
    left: 0;
  }

  .athlete-category,
  .athlete-actions,
  .athletes-tick {
    display: none;
  }

  .athlete-presence {
    width: auto;
    text-align: center;
    border: none;
  }

  .record .name span strong {
    font-size: 14px;
  }

  .record .wod,
  .record .rx {
    display: none;
  }

  .notificationfor0,
  .notificationfor1,
  .notificationfor2,
  .notificationfor3,
  .notificationfor4,
  .notificationfor5,
  .notificationfor6,
  .notificationfor7,
  .notificationfor8,
  .notificationfor9,
  .notificationfor10 {
    display: none;
  }
}